<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户中心</title>
	<link rel="stylesheet" type="text/css" href="../../static/news/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../../static/news/css/jquery.pagination.css">
    <link rel="stylesheet" type="text/css" href="../../static/news/css/main.css">
    <script type="text/javascript" src="../../static/news/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="../../static/news/js/jquery.pagination.min.js"></script>
</head>
<body class="inframe_body">
    <div class="news_list">
        <h3>新闻列表</h3>
        <ul class="article_list">
            <li><a href="user_news_release.html">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><em class="pass">已通过</em><span>2018-1-17</span></li>
            <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><em class="pass">已通过</em><span>2018-1-17</span></li>
            <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><em class="review">审核中</em><span>2018-1-17</span></li>
            <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><em class="review">审核中</em><span>2018-1-17</span></li>
            <li>
                <a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a>
                <em class="nopass">未通过</em>
                <span>2018-1-17</span>
                <b>未通过原因：因为写的太boring,因为写的太boring,因为写的太boring,因为写的太boring,</b>
            </li>
            <li>
                <a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a>
                <em class="nopass">未通过</em>
                <span>2018-1-17</span>
                <b>未通过原因：因为写的太煽情,因为写的太煽情,因为写的太煽情,因为写的太煽情,</b>
            </li>
        </ul>
        <div id="pagination" class="page"></div>
        <script>
            // 调用父页面的方法改变菜单指示
            // window.parent.fnChangeMenu(2);
            // 页面刚刷新完成就ajax请求第一页数据
            $(function(){
                var totalPage = 1; // 默认总页码
                var page = 1; // 默认当前页
                user_get_news_list(page);
                $("#pagination").pagination({
                    currentPage: Page,  // 当前页码
                    totalPage:{{ total_page }},
                    callback: function(current) { // 参数是当前页码
                        // 调用ajax获取分页数据
                        user_get_news_list(current)
{#                        alert('ok!');#}
                    }
                });
            });
            function user_get_news_list(page) {
                // ajax获取分页数据

                // 1. 组织参数
                params = {
                    p: page, // 当前页
                    per_page: 10  // 每一页数据量
                };
                // 2. ajax发送get请求
                $.ajax({
                    url: "/user/user_get_news_list",
                    method: "GET",
                    data: params,
                    success: function (resp) {
                        if (resp.errno == 0) {
                            // 3. 获取分页数据，通过循环显示到当前的列表中
                            // console.log( resp.news_list )
                            if (resp.news_list.length) {
                                news_list = resp.news_list;
                                content_html = "";
                                for (var i = 0; i < news_list.length; i++) {
                                    news = news_list[i];
                                    content_html += '<li>'
                                    content_html +='<a target="__blank" href="/news/'+news.id+'">'+ news.title +'</a>';
                                    if (news.status == 0) {
                                        content_html += '<em class="pass">已通过</em>';
                                    } else if (news.status == 1) {
                                        content_html += '<em class="review">审核中</em>';
                                    } else {
                                        content_html += '<em class="nopass">未通过</em>';
                                    }
                                    content_html += '<span>' + news.create_time + '</span>';
                                    if (news.status == -1) {
                                        content_html += '<b>未通过原因：' + news.reason + '</b>';
                                    }
                                    content_html += '</li>';
                                }

                                $(".article_list").html(content_html)
                            }

                        } else if (resp.errno == 4101) {
                            $('.login_form_con').show();
                        } else {
                            alert(resp.errmsg);
                        }
                    }
                })
            }


        </script>
       
    </div>
</body>
</html>